html { 
	height: 100%; 
	width: 100%; 
	margin: 0; 
}

body {
	font-family: sans-serif;
	font-size: 11px;
	background: #efefef;
	color: #333;
	margin:0;
	height:100%;
	width:100%;
}

input, button {
	font-size: 100%;
	/*border-style:solid;*/
}

.input_box {
	background:#ddd;
	border:1px solid #888;
	padding:2px;
}

.input_box:focus{
	background:#eee;
	outline:none;
}

input[type=submit], button {
	font-size:95%;
}

table {
	border-width:0px;
	border-spacing:0px;
	border-style:none;
}

a:link     { color:#8899dd; text-decoration:none; }
a:visited  { color:#8899dd; text-decoration:none; }
a:hover    { color:#88dd99; text-decoration:none; }
a:active   { color:#8899dd; text-decoration:none; }

th, td {
	padding:2px 2px 2px 0px;
}

hr {
	color:#ccc;
	background-color: #ccc;
	border:none;
	height:1px;
}

#address_list {
	font-size:90%;
}

.header {
	font-family: serif;
	font-size:150%;
	font-weight:bold;
	padding: 0px;
	margin:0px;
}

#directions_container .header {
	color:#333;
}

.subheader {
	font-style:italic;
	font-size:120%;
	padding: 0px;
	margin:0px;
}

#header_container {
	/*height:15%;*/
	overflow: auto;
	background:#aaa;
	color:#333;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaa), to(#999));
	background-image: -webkit-linear-gradient(top, #aaa, #999); 
	background-image:    -moz-linear-gradient(top, #aaa, #999);
	background-image:     -ms-linear-gradient(top, #aaa, #999);
	background-image:      -o-linear-gradient(top, #aaa, #999);

	outline:1px solid #666;
	z-index:9;
	position:relative;
	padding-bottom:1%;
	padding-top:.5%;
}

.hborder {
	height:.5%;
	background:#ddd;
}

.vborder {
	width:.5%;
	height:100%;
	background:#000;
}

#title_container {
	width:100%;
	background:#333;
	color:#ccc;
	outline:1px solid #bbb;
	z-index:99;
	position:relative;
	padding:.5% 0px .5% 0px;
}

#title_bar {
	left:1.5%;
	/*top:25%;
	margin-top:1.5%;
	margin-bottom:1.5%;*/
	width:97%;
	position:relative;
}

#header_inputs {
	/*top:5%;*/
	left:1.5%;/*
	margin-top:1.5%;
	margin-bottom:1.5%;*/
	width:90%;
	position:relative;
	/*height:99.5%;*/
}

#inputs {
	height:100%;
}

.inactive {
	/*color:#999;*/
	opacity:0.5;
}

h3 {
	padding:0px;
	margin:0px;
}

h4 {
	font-size:140%;
	font-family: serif;
}

#control_panel {
	width:100%;
	height:100%;
	text-align:left;
}

#locations_container {
	float:left;
	width:25%;
	height:60%;
	overflow-y:auto;
	background-color:#eee;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #eee, #f5f5f5); 
	background-image:    -moz-linear-gradient(top, #eee, #f5f5f5);
	background-image:     -ms-linear-gradient(top, #eee, #f5f5f5);
	background-image:      -o-linear-gradient(top, #eee, #f5f5f5);

	outline:1px solid #999;
}

#locations_panel {
	/*top:5%;*/
	margin-top:5%;
	left:5%;
	width:90%;
	position:relative;
}

#map_canvas {
	float:left;
	width:40%;
	height:60%;
	outline:1px solid #999;
	z-index:1;
	box-shadow:0px 0px 20px #ccc;
}

/* stupid piece of shit firefox */
@-moz-document url-prefix() {
	#map_canvas { outline-offset: -28px; }
}

#directions_container {
	float:right;
	background-color:#eee;
	color:#666;
	width:35%;
	height:60%;
	overflow-y:auto;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #eee, #f5f5f5); 
	background-image:    -moz-linear-gradient(top, #eee, #f5f5f5);
	background-image:     -ms-linear-gradient(top, #eee, #f5f5f5);
	background-image:      -o-linear-gradient(top, #eee, #f5f5f5);

	outline:1px solid #999;
}

#directions_panel {
	/*top:5%;*/
	margin-top: 5%;
	left:5%;
	width:90%;
	position:relative;
}

#outputDiv_container {
	font-family: monospace;
	background:#ccc;
	color:#333;
	height:21%;
	width:65%;
	float:left;
	overflow-y:auto;
	outline:1px solid #999;
	z-index:9999;
	position:relative;
}

.ui-autocomplete {
		max-height: 50%;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		font-size:90%;
		background-color:#eee;
		background-image:none;
}

#outputDiv {
	/*top:5%;*/
	margin-top:1.5%;
	margin-bottom:1.5%;
	left:1.5%;
	width:90%;
	position:relative;
}

#suboutputDiv_container {
	font-family: monospace;
	background:#c3c3c3;
	color:#333;
	height:21%;
	width:35%;
	float:right;
	overflow-y:auto;
	outline:1px solid #999;
	z-index:9999;
	position:relative;
}

#suboutputDiv {
	/*top:5%;*/
	margin-top:1.5%;
	margin-bottom:1.5%;
	left:1.5%;
	width:90%;
	position:relative;
}